// import loadable from '@loadable/component';
import App from './blog/App';
import Specific from './blog/Specific';
import AboutMe from './blog/AboutMe';
import NotFount from './NotFount';
import BlogContent from './content/App';

export default [
    {
        path: '/',
        component: App,
        routes: [{
            path: '/',
            exact: true,
            component: Specific,
            loadData: Specific.loadData,
            key: 'specific',
        }, {
            path: '/content',
            component: BlogContent,
            exact: true,
            loadData: BlogContent.loadData,
            key: 'content',
        }, {
            path: '/content/:blogId',
            component: BlogContent,
            exact: true,
            loadData: BlogContent.loadData,
            key: 'blog-content',
        }, {
            path: '/about',
            component: AboutMe,
            exact: true,
            key: 'aboutMe',
        }, {
            component: NotFount,
        }],
    },
];
